<template>
  <div class="ticket">
    <div class="header padding-24 space-between">
      <div class="h-back" @click="goBack">
        <img :src="back" alt />
      </div>
      <div class="title">{{title}}</div>
      <div class="h-right">
        <img src="" alt />
      </div>
    </div>
  </div>
</template>

<script>
export default {
    name: "ticket",
    data(){
        return {
            title:'个人中心',
            isBack:true,
            back: require("@/assets/index/back-mine.png")
        }
    },
    methods: {
        goBack() {
            this.$router.go(-1);
        }
    }
}
</script>

<style scoped lang="scss">
.ticket{
    height:2000px;
    .header {
    .background {
      background-color: #f8f8f8;
    }
    .h-back {
      width: 0.15rem;
      height: 0.26rem;
      img {
        width: 100%;
      }
    }
    .title {
      font-size: 0.36rem;
      font-weight: bold;
      color: #444444;
    }
    .h-right {
      width: 0.38rem;
      height: 0.5rem;
      img {
        display: inline-block;
        width: 100%;
      }
    }
  }
}
</style>
